<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>品牌大全</title>

    <!-- 引入 -->
    <script src="./lib/zepto/zepto.min.js"></script>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

    <!-- 引入mui插件 -->
    <link rel="stylesheet" href="./lib/mui/css/mui.min.css">
    <script src="./lib/mui/js/mui.min.js"></script>

    <!-- 引入模板 -->
    <script src="./lib/artTemplate/template-web.js"></script>
    
    <!-- 引入公共css，js文件 -->
    <link rel="stylesheet" href="./css/common.css">
    <script src="./js/common.js"></script>

    <!-- 引入自己的css，js -->
    <link rel="stylesheet" href="./css/allBrands.css">
    <script src="./js/allBrands.js"></script>

</head>

<body>
    <div class="entirety">
        <div class="mui-scroll-wrapper">
            <div class="mui-scroll">
                <!-- 顶部公共部分B -->
                <div class="header">
                    <div class="left">
                        <a href="">
                            <img src="./images/01.png" alt="">
                        </a>
                    </div>
                    <div class="right">
                        <a href="">
                            <img src="./images/02.png" alt="">
                        </a>
                    </div>
                </div>
                <div class="search">
                    <input class="searchtext" type="search" placeholder="请输入你想比价的商品">
                    <input class="searchbtn" type="submit" value="搜索">
                </div>
                <!-- 顶部公共部分E -->

                <main>
                    <!-- 面包屑导航 -->
                    <ol class="breadcrumb">
                        <li>
                            <a href="./index.html">首页</a>
                        </li>
                        <span>&gt;</span>
                        <li>
                            <a href="./allBrands.html">品牌大全</a>
                        </li>
                    </ol>
                    <!-- 标题 -->
                    <title>热门品牌排行</title>
                    <!-- 详细内容 -->
                    <div class="brands">
                        <a class="brand">

                                平板电视十大品牌

                        </a>
                        <a class="brand">

                                    平板电视十大品牌

                        </a>
                        <a href="" class="brand">

                                    平板电视十大品牌

                        </a>
                    </div>
                    <!-- 模板 -->
                    <script type="text/html" id="brandTem">
                        {{each result}}
                        <a href="./brand.html?{{$value.brandTitleId}}" class="brand">
                            {{$value.brandTitle}}
                        </a>
                        {{/each}}
                    </script>
                </main>

                <div class="footer">
                    <div class="top">
                        <a href="">登录</a>
                        <a href="">注册</a>
                        <a href="javascript:void(0)" class="totop"><img src="./images/top.jpg" alt="">返回顶部</a>
                    </div>
                    <div class="bottom">
                        <p class="txt">
                            <a href="" class="mobile">手机APP下载</a>
                            <a href="">慢慢买手机版</a>
                            <a href=""> -- 掌上比价平台</a>
                        </p>
                        <p class="url"><a href=""> m.manmanbuy.com  </a></p>
                    </div>
                </div>
            </div>
        </div>
    </div>


</body>

</html>